<!DOCTYPE html>
<html lang="zh_CN">

<head>
  <meta charset="UTF-8">
  <title><%= htmlWebpackPlugin.options.title %></title>
  <meta name=Keywords content="<%= htmlWebpackPlugin.options.keywords %>">
  <meta name=Description content="<%= htmlWebpackPlugin.options.description %>">
  <link rel="shortcut icon" href="//www.artup.com/img/logoMin.ico" type="images/x-icon"/>
</head>
<body style="opacity:0;">
<div id="app">
  <unify-header></unify-header>
  <div class="banner">
    <div class="shuffling">
      <el-carousel :interval="5000" arrow="always">
        <el-carousel-item v-for="i in 5" :key="i">
          <a class="bg_cover" :class="'carousel-'+i" :href="bannerUrl[i-1]"></a>
        </el-carousel-item>
      </el-carousel>
    </div>
  </div>

  <div class="recommended craftsman">
    <h3>ONE IMAGE, ONE MASTERPIECE</h3>
    <h4>一个图像，一件杰作</h4>
  </div>

  <div class="recommended magnet">
    <div class="instructions">
      <h3>艺术磁贴画</h3>
      <h4>随时更换，永远新鲜</h4>
      <a href="/print/magnetic.html">了解详情<i class="iconfont icon-arrow-right"></i></a>
    </div>
  </div>

  <div class="recommended posters">
    <div class="instructions">
      <h3>艺术海报</h3>
      <h4>您的专属影像画廊</h4>
      <a href="/print/poster.html">了解详情<i class="iconfont icon-arrow-right"></i></a>
    </div>
  </div>

  <section class="thematic-product">
    <div class="div_title">
      <h5>主题性产品</h5>
      <span>让你的生活不再单调</span>
    </div>
    <ul class="thematic-main">
      <li>
        <div class="box">
          <strong>拾光集</strong>
          <p>拾起流逝时光，甄选记忆中的宝藏</p>
          <a href="/print/memory.html">了解详情<i class="iconfont">&#xe604;</i></a>
          <div class="div_img">
            <img src="http://image2.artup.com/static/pc/index/img/thematicProduct01.png" alt=""/>
          </div>
        </div>
      </li>
      <li>
        <div class="box">
          <strong>家<i style="padding: 0 2px" class="iconfont icon_jiashu">●</i>书</strong>
          <p>见证家族百年家风的传承</p>
          <a href="/print/family.html">了解详情<i class="iconfont">&#xe604;</i></a>
          <div class="div_img">
            <img src="http://image2.artup.com/static/pc/index/img/thematicProduct02.png" alt=""/>
          </div>
        </div>
      </li>
      <li>
        <div class="box">
          <strong>艺术台历</strong>
          <p>定制365天的时光陪伴</p>
          <a href="/print/deskdiary.html">了解详情<i class="iconfont">&#xe604;</i></a>
          <div class="div_img">
            <img src="http://image2.artup.com/static/pc/index/img/thematicProduct03.png" alt=""/>
          </div>
        </div>
      </li>
      <li>
        <div class="box">
          <strong>小时光</strong>
          <p>小小的时光，记录点滴美好</p>
          <a href="/print/babytime.html">了解详情<i class="iconfont">&#xe604;</i></a>
          <div class="div_img">
            <img src="http://image2.artup.com/static/pc/index/img/thematicProduct04.png" alt=""/>
          </div>
        </div>
      </li>
    </ul>
  </section>
  <unify-footer></unify-footer>
</div>
</body>
</html>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-113376322-1"></script>
<script>
  window.dataLayer = window.dataLayer || []
  function gtag() {
    dataLayer.push(arguments)
  }
  gtag('js', new Date())

  gtag('config', 'UA-113376322-1')
</script>
